js动态隐藏滚动条(兼容多浏览器 IE FF等)

来源:网络整理作者: 发布时间:2020-12-23 00:17

为大家介绍一个js实现的可以动态隐藏滚动条的代码，并且可以兼容多个浏览器，供大家学习参考。...

在实现动态隐藏滚动条功能时，要考虑到兼容性，主要是将document.body兼容：

复制代码代码示例:

var temp_h1 = document.body.clientHeight;
var temp_h2 = document.documentElement.clientHeight;
var isXhtml = (temp_h2<=temp_h1&&temp_h2!=0)?true:false;
var htmlbody = isXhtml?document.documentElement:document.body;

完整代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns=""> <head> <title>js动态隐藏滚动条_</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="zh-CN" /> <meta name="Design Corp" content="myhhe.cn" /> <meta name="Designer" content="hayden" /> <meta name="Designer mail" content="QQ:3996992" /> <meta name="robots" content="hayden" /> <meta name="Keywords" content="" /> <meta name="Description" content="" /> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </head> <body style="margin:0;padding:0;"> <div id="wawa" style="background:#ff0000;width:1800px;height:1800px;color:#fff;" ><A HREF="#" onclick="setwindow();">点击这里测试</A>脚本学堂_ 欢迎大家的光临。脚本学堂_ 欢迎大家的光临。脚本学堂_ 欢迎大家的光临。脚本学堂_ 欢迎大家的光临。脚本学堂_ 欢迎大家的光临。</div> </body> </html>

相关热词：

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！

本文地址: https://v30.fanwenzhu.com/jq/jc/7735.shtml

上一篇：Python如何把字符串倒序

下一篇：javascript 数组排序的问题与

asp操作cookies实例代码	js判断用户名cookie是否存在
document.getElementById在IE和火狐中	php使用Cookie进行登录验证的小
一个兼容ie与ff的window.open后窗	关于Jquery操作Cookie取值错误的
ie9不能正常播放视频或电影解	javascript兼容IE与FF的写法
IE8不支持数组indexOf方法该如何	IE/360浏览器无法查看源文件解
使用jquery实现IE下按backspace相当	javascript编程基础(14)-cookies
jquery validate在ie8下的bug解决方	dedecms首页调用栏目内容{dede:
jquery cookie的用法总结	PHP7中创建COOKIE和销毁COOKIE的方